<template>
    <div class="index-page">
        <n-message-provider>
            <info></info>
        </n-message-provider>
        <msg></msg>
    </div>
</template>

<script setup lang="ts">
    import info from './components/info.vue'
    import msg from './components/msg.vue'
</script>

<style lang="scss" scoped>
    .index-page {
        background-image: url(https://yyink.cn/tool/api/bing.php);
        background-size: 100% 100%;
        background-repeat: repeat;
        background-attachment: fixed;
    }

    @media (max-width: 768px) {
        .index-page {
            padding: 10px 10px 10px 10px;
        }
    }
    @media (min-width: 768px) {
        .index-page {
            height: 100vh;
        }
    }
</style>
